/* 
    Document   : scrollbar
    Created on : 2011-okt-13, 11:34:41
    Author     : Admin
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
/*
#steps .viewport { width: 185px; float: right; height: 460px; overflow: hidden; position: relative; }
#steps .overview { list-style: none; position:absolute; width:100%; left: 0; top: 0; }
#steps .thumb .end,
#steps .scrollbar { position: relative; float: left; width: 15px; }
#steps .track { background-image:url('../images/scrollbar_bg.gif'); height: 100%; width:15px; position: relative; padding: 0px; }
#steps .thumb { height: 20px; width: 15px; background:#222222; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#steps .thumb .end { overflow: hidden; height: 5px; width: 15px; }
#steps .disable{ display: none; }
*/

#steps .viewport { width: 185px; height: 200px; overflow: hidden; position: relative; }
#steps .overview { list-style: none; position: absolute; left: 0; top: 0; }
#steps .thumb .end,
#steps .thumb { background-color: #003D5D; }
#steps .scrollbar { position: relative; float: right; width: 15px; }
#steps .track { background-color: #D8EEFD; height: 100%; width:13px; position: relative; padding: 0 1px; }
#steps .thumb { height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#steps .thumb .end { overflow: hidden; height: 5px; width: 13px; }
#steps .disable{ display: none; }

